$(document).ready(function() {
	
	renderDataTable();
	$("#refresh").click(function(){
		$("#inputZone").val("");
		$("#inputDesp").val("");
		$("#oldZoneID").val("");
		var table = $('#zoneDataTable').DataTable();
		table.$('tr.selected').removeClass('selected');
	});
	
});

function editData(vaId,index) {	
	
		var table = $('#zoneDataTable').DataTable();
        table.$('tr').removeClass('selected');
        table.$('tr:eq('+(parseInt(index)-1)+')').addClass('selected');
        /*else {
            table.row( 0 ).$('tr.selected').removeClass('selected');
            table.row( 0 ).$('tr').addClass('selected');
        }*/
   
	$.ajax({
		url : 'CS11003Srvl' , 
		type : "POST",
		data : {
			process_type : "edit" , 
			id :  vaId , 
		},
		dataType : "json",
		success: function(data){
			
			$("#inputZone").val(data.id);
			$("#inputDesp").val(data.desp);
			$("#oldZoneID").val(data.id);
			
		}
	});
}

function deleteData(data1,data2) {
	
	var table = $('#zoneDataTable').DataTable();
	$('#zoneDataTable ').on( 'click', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
	
	$("#dataDelete1").val(data1);
	$("#dataDelete2").val(data2);
	
    document.getElementById("modal_content_confirmModal").innerHTML ="ยืนยันการลบข้อมูลเขต:   "+data1
		+"<br>รายละเอียด   : "+data2;
    $('#confirmModal').modal();
}

function confirmdeleteData() {
	var data1 =$("#dataDelete1").val();
	$.ajax({
		    type : 'POST',
		    url : "CS11003Srvl",
		    data:{
		    	process_type:"delete",
		    	id: data1, 
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val(),
		    }, 
		    success : function(data) { 
		    	
		    	location.reload();
		    }    
		});	 
}

function SaveZone(){
//verlidate form
    var vaZoneId= $("#inputZone").val();
	var vaZoneDsp= $("#inputDesp").val();
	var statusUpdate =$("#oldZoneID").val();
	

		if (vaZoneId == "" || vaZoneDsp == "") {
		document.getElementById("modal_content").innerHTML = "กรุณากรอกข้อมูลให้ครบถ้วน";
		$('#warningModal').modal();
	} else if (isNaN(vaZoneId) == true) {
		document.getElementById("modal_numcontent").innerHTML = "กรุณากรอกเขตผู้ใช่น้ำให้ถูกต้อง";
		$('#warningNumModal').modal();
	} else {
		if (statusUpdate !== "") {
			document.getElementById("modal_content_confirmUpdateModal").innerHTML = "ยืนยันการบันทึกข้อมูลเขต:   "
					+ vaZoneId + "<br>รายละเอียด  :  " + vaZoneDsp;
			$('#confirmUpdateModal').modal();
		} else {
			document.getElementById("modal_content_confirmSaveModal").innerHTML = "ยืนยันการบันทึกข้อมูลเขต:   "
					+ vaZoneId + "<br>รายละเอียด  :  " + vaZoneDsp;
			$('#confirmSaveModal').modal();
		}
	}
}

function updateDataTable(){
	
	 var vaZoneId= $("#inputZone").val();
	 var vaZoneDsp= $("#inputDesp").val();
	 var statusUpdate =$("#oldZoneID").val();
	 $('#confirmUpdateModal').modal('hide');
	 
	 $.ajax({
		    type : 'POST',
		    url : "CS11003Srvl",
		    data:{
		    	process_type:"update",
		    	id: vaZoneId, 
		    	desp:vaZoneDsp ,
		    	oldZoneID : $("#oldZoneID").val(),
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val()
		    }, 
		    success : function(data) { 
		    	if(data=="ZoneID_Dupicate"){
		    		document.getElementById("modal_content").innerHTML = "มีเขตผู้ใช้น้ำนี้แล้ว   กรุณาเปลี่ยนเขตผู้ใช้น้ำใหม่";
		    	    $('#warningModal').modal();
		    	    
		    	}else{
		    		location.reload();
		    		$("#inputZone").val("");
		    		$("#inputDesp").val("");
		    		
		    	}
		    }
		});
}

function addDataTable(){
	var vaZoneId= $("#inputZone").val();
	var vaZoneDsp= $("#inputDesp").val();
	 $('#confirmSaveModal').modal('hide');
	 $.ajax({
		    type : 'POST',
		    url : "CS11003Srvl",
		    data:{
		    	process_type:"insert",
		    	id: vaZoneId, 
		    	desp:vaZoneDsp,
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val(),
		    }, 

		    success : function(data) {
		    	if(data=="ZoneID_Dupicate"){
		    		
		    		document.getElementById("modal_content").innerHTML = "มีเขตผู้ใช้น้ำนี้แล้ว   กรุณาเปลี่ยนเขตผู้ใช้น้ำใหม่";
		    	    $('#warningModal').modal();
		    	    
		    	}else{
		    		location.reload();
		    		$("#inputZone").val("");
		    		$("#inputDesp").val("");
		    	}
		    	
		    	
		    }
		    
		});
}

function cancel(){
	/*var table = $('#zoneDataTable').DataTable();
	 table.$('tr.selected').removeClass('selected');*/
}

// function load data
function renderDataTable(){
	$('#zoneDataTable').DataTable({
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
        "searching": true,
        "aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", sWidth: '1%',"bSortable": false,},
		                {"sTitle": "เขต", sClass: "alignCenter", sWidth: '1%'},
		                {"sTitle": "รายละเอียด", sClass: "rightCenter", sWidth: '12%'},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '2%', "bSortable": false,
		                "mRender": function ( data, type, full) { 
		                		return  '<i class="fa fa-wrench" title="แก้ไขข้อมูล" id="editButton" onclick="editData(\'' + full[1] + '\',\'' + full[0] + '\');"></i> ' 
		                		+ '<i class="fa fa-trash-o" title="ลบข้อมูล" onclick="deleteData(\'' + full[1] + '\', \'' + full[2] + '\');"></i>';
		                	} 
		                }
		               ],
		        "sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า  
		       	"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		       	"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		       	"bScrollCollapse": true,
		       	"aLengthMenu": [
		       		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		       		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		       		 ],
		        "iDeferLoading": 11	, 
		       	"bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		        "sAjaxSource": "CS11003Srvl?process_type=getDataTable",
		       
		
	});
	
/*	var table = $('#zoneDataTable').DataTable();
	
	$('#zoneDataTable tbody').on( 'click', 'tr', function () {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
        }
        else {
            table.$('tr.selected').removeClass('selected');
            $(this).addClass('selected');
        }
    } );
	
	
*/	
}
		
		
		
	
		




